<template>
  <div class="app-report-index">
    <el-menu
      :default-active="activeIndex"
      class="el-menu-demo"
      mode="horizontal"
      text-color="#000"
      active-text-color="#1890ff"
      @select="handleSelect"
    >
      <el-menu-item index="2">已提交</el-menu-item>
      <el-menu-item index="1">未提交</el-menu-item>
    </el-menu>
    <submited :is_submit="activeIndex" />
    <!-- <not-submited v-show="activeIndex == 2"></not-submited> -->
  </div>
</template>

<script>
import submited from './components/submited'
export default {
  components: {
    submited
  },
  data() {
    return {
      activeIndex: '2'
    }
  },
  created() {
    const value = this.$route.query.type
    // console.log(va);
    if (value) {
      this.activeIndex = '1'
    }
  },
  methods: {
    handleSelect(key, keyPath) {
      this.activeIndex = key
    }
  }
}
</script>

<style lang="scss" scoped>
.app-report-index {
  width: 100%;
  padding: 0px 20px 20px 20px;
}
.app-report-index .el-menu-demo{
  margin-top: 1px;
}
</style>
